<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>index</title>
    <link rel="stylesheet" href="./css/index.css">
    
    <script src="./js/jquery-3.6.0.min.js"></script>
    <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> -->
    <script src="./js/animateBak.js"></script>
    <script src="./js/common.js"></script>
</head>
<body>
    <div class="header-con">

    </div>
    <div class="box">
        <ul class="item">
          <li style="opacity: 1"><img src="images/轮播01.jpg" /></li>
          <li><img src="images/轮播02.jpg" /></li>
          <li><img src="images/轮播03.jpg" /></li>
          <li><img src="images/轮播04.jpg" /></li>
          <li><img src="images/轮播05.png" /></li>
        </ul>
        <button id="leftBtn" class="leftBtn"><img src="./images/左箭头.png" alt=""></button>
        <button id="rightBtn" class="rightBtn"><img src="./images/右箭头.png" alt=""></button>
  
        <ul class="page">
          <li style="background-color: black"></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
        </ul>
    </div>
    <script src="./js/轮播.js"></script>
    <div class="product">
        <div class="box2">
            <div><a href="goods.html" style="text-decoration: none;color:#555"><img src="./images/01.jpg" alt=""></a></div>
            <div><a href="goods.html" style="text-decoration: none;color:#555"><img src="./images/02.jpg" alt=""></a></div>
            <div><a href="goods.html" style="text-decoration: none;color:#555"><img src="./images/03.jpg" alt=""></a></div>
        </div>
        <div class="index_title">
            <span>#RNW</span>
            <span><b>NEW PRODUCTS</b></span>
        </div>
        <div class="product_list">
            <div>
                <p><img src="./images/img01.jpg" alt=""></p>
                <p><b>氧气泡泡SPA</b></p>
                <p>如薇云朵氨基酸洁面泡沫</p>
                <p>200g</p>
            </div>
            <div>
                <p><img src="./images/img02.jpg" alt=""></p>
                <p><b>韩国·植物提纯祛黑头鼻贴</b></p>
                <p>如薇双重净润去黑头鼻贴组合</p>
                <p>5组</p>
            </div>
            <div>
                <p><img src="./images/img03.jpg" alt=""></p>
                <p><b>爱不释【手】的嫩肤家族</b></p>
                <p>RNW 香氛手部精华霜（左岸、绯闻、暗恋、圣诞夜）</p>
                <p>50g</p>
            </div>
            <div>
                <p><img src="./images/img04.jpg" alt=""></p>
                <p><b>氨基酸护发体系 清爽控油“蓬蓬头”</b></p>
                <p>RNW 净透控油洗发水/净透顺滑护发素</p>
                <p>洗发水300ml/护发素200ml</p>
            </div>
            <div>
                <p><img src="./images/img05.jpg" alt=""></p>
                <p><b>全新升级“刘维莹亮”三剑客</b></p>
                <p>如薇精粹匀透水乳套盒</p>
                <p>精华水125ml精华乳125ml洁面乳80g</p>
            </div>
            <div>
                <p><img src="./images/img06.jpg" alt=""></p>
                <p><b>科技精华配方 全身莹润丝滑</b></p>
                <p>如薇晶透柔肤身体乳/如薇果酸嫩肤身体乳</p>x
                <p>300g</p>
            </div>
        </div>
    </div>
    <div class="movie">
        <div class="index_title">
            <span>#RNW</span>
            <span><b>MOVIE</b></span>
        </div>
        <div class="wrap">
            <!-- <div> -->
                <video controls="controls" loop="loop" src="./images/video.mp4" style="height:auto; max-width:100%">&nbsp;</video>
                <!-- <p style="margin-top:10px;"></p>
            </div> -->
            <div class="movie_about">
                <p>RNW 如薇</p>
                <p>致力于成为护肤匠人</p>
                <p>有效解决皮肤肌底问题</p>
                <p>用复杂的皮肤科专业知识</p>
                <p>让枯燥的成分鲜活起来</p>
                <p style="margin-top:10px;">别忘了</p>
                <p>我们还有独特的专利成分</p>
                <p style="margin-top:10px;">
                    <img src="./images/celrederm.png" alt="" width="147">
                </p>
            </div>
        </div>
    </div>
    <div class="news">
        <div class="index_title">
            <span>#RNW</span>
            <span><b>MOVIE</b></span>
        </div>
        <ul>
            <li><img src="./images/images01.jpg" alt=""></li>
            <li><img src="./images/images02.png" alt=""></li>
            <li><img src="./images/images03.png" alt=""></li>
            <li><img src="./images/images04.jpg" alt=""></li>
            <li><img src="./images/images05.jpg" alt=""></li>
            <li><img src="./images/images06.jpg" alt=""></li>
            <li><img src="./images/images07.jpg" alt=""></li>
            <li><img src="./images/images08.png" alt=""></li>
            <li><img src="./images/images09.jpg" alt=""></li>
            <li><img src="./images/images10.png" alt=""></li>
            <li><img src="./images/images11.jpg" alt=""></li>
            <li><img src="./images/images12.jpg" alt=""></li>
        </ul>
        <div class="new_warp">
            <div>
                <div class="news_title">
                    <span>NEWS</span>
                    <span>+more</span>
                </div>
                <div class="news_con">
                    <ul>
                        <li>
                            <a href="" >"薇"事件|冰寒老师出任RNW首席...</a>
                            <span>2021-12-30</span>
                        </li>
                        <li>
                            <a href="">RNW如薇双11荣登"新品牌新生TOP5"...</a>
                            <span>2021-11-22</span>
                        </li>
                        <li>
                            <a href="">RNW如薇荣获万宁换享心意网红沐浴...</a>
                            <span>2021-10-28</span>
                        </li>
                        <li>
                            <a href="" >RNW如薇与科丝美诗成立研发与创新...</a>
                            <span>2021-10-22</span>
                        </li>
                        <li>
                            <a href="">2021上海美博会|更全更新更爆的R...</a>
                            <span>2021-05-05</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div><img src="./images/recover-nature.png" alt=""></div>
        </div>
    </div>
    <!-- <script src="./js/index.js"></script> -->
    <div class="footer-con">

    </div>
    <script>
        $('.header-con').load("./header.html");
        $('.footer-con').load("./footer.html");
        // console.log($);
    </script>
</body>
</html>